<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
 
  width="200" height="200" viewBox="-50 50 350 350" 
 style="border:0px dotted red;">
  <title>The animation is drawing lines</title>
  <desk>Animation pictures of a lion made by the author of website svg-art.ru. I will be thankful who will tell of the author's image of a lion, taken as the basis.
  </desk>
 
	 
          	 
       <path class="path" fill="none" stroke-width="3" stroke ="black" stroke-dasharray= "2000" stroke-dashoffset="2000" 
             
           d="m 29.527635,106.57322 v 8.5725 h -60.960001 v 25.18834 h 49.000834 v 8.67833 h -49.000834 v 25.18833 h 60.960001 v 8.5725 h -69.532501 v -76.2 z">
           

 
	 <animate id="p1" attributeName="stroke-dashoffset" begin="0.1s;f1.end+0.1s" values="2000;0;2000" dur="10s" 
	 calcMode="linear"/>
     
	 <animate id="f1" attributeName="fill" begin="p1.end-0.01s" values="white; white; white" dur="0.1s"  
	 calcMode="linear" />
     
     </path>
     
     
     
     <path class="path" fill="none" stroke-width="3" stroke ="black" stroke-dasharray= "2000" stroke-dashoffset="2000"
           
           d="m 81.103197,144.24989 31.644163,-37.67667 h 11.7475 v 76.2 h -8.5725 V 116.30989 L 81.103197,157.69072 46.28403,116.30989 v 66.46333 h -8.572501 v -76.2 H 49.45903 Z" >
           
           
           	 <animate id="p1" attributeName="stroke-dashoffset" begin="0.1s;f1.end+0.1s" values="2000;0;2000" dur="10s" 
	 calcMode="linear"/>
     
	 <animate id="f1" attributeName="fill" begin="p1.end-0.01s" values="white; white; white" dur="0.1s"  
	 calcMode="linear" />
     
	</path>
    
    
    
     <path class="path" fill="none" stroke-width="3" stroke ="black" stroke-dasharray= "2000" stroke-dashoffset="2000"
           
           d="m 136.00258,182.77322 v -76.2 h 8.5725 v 76.2 z" >
           
           
           	 <animate id="p1" attributeName="stroke-dashoffset" begin="0.1s;f1.end+0.1s" values="2000;0;2000" dur="10s" 
	 calcMode="linear"/>
     
	 <animate id="f1" attributeName="fill" begin="p1.end-0.01s" values="white; white; white" dur="0.1s"  
	 calcMode="linear" />
     
	</path>
    
    
    
         <path class="path" fill="none" stroke-width="3" stroke ="black" stroke-dasharray= "2000" stroke-dashoffset="2000"
           
           d="m 159.36034,182.77322 v -76.2 h 8.5725 v 76.2 z" >
           
           
           	 <animate id="p1" attributeName="stroke-dashoffset" begin="0.1s;f1.end+0.1s" values="2000;0;2000" dur="10s" 
	 calcMode="linear"/>
     
	 <animate id="f1" attributeName="fill" begin="p1.end-0.01s" values="white; white; white" dur="0.1s"  
	 calcMode="linear" />
     
	</path>
    
    
             <path class="path" fill="none" stroke-width="3" stroke ="black" stroke-dasharray= "2000" stroke-dashoffset="2000"
           
           d="m 195.52391,106.57322 h 50.80001 q 5.29166,0 8.99583,3.70417 3.70417,3.70417 3.70417,8.99583 v 63.5 h -8.5725 v -27.83416 h -59.05501 v 27.83416 h -8.5725 v -63.5 q 0,-5.29166 3.70417,-8.99583 3.70417,-3.70417 8.99583,-3.70417 z m -4.1275,39.79334 h 59.05501 v -27.09334 q 0,-1.69333 -1.27,-2.8575 -1.16417,-1.27 -2.8575,-1.27 h -50.80001 q -1.69333,0 -2.96333,1.27 -1.16417,1.16417 -1.16417,2.8575 z" >
           
           
           	 <animate id="p1" attributeName="stroke-dashoffset" begin="0.1s;f1.end+0.1s" values="2000;0;2000" dur="10s" 
	 calcMode="linear"/>
     
	 <animate id="f1" attributeName="fill" begin="p1.end-0.01s" values="white; white; white" dur="0.1s"  
	 calcMode="linear" />
     
	</path>


		
</svg>
